JS DOM attributes使用记录

JS DOM attributes使用记录

attributes是html dom的属性无序集合 ,当我们需要获取一个元素的相关属性信息而知不道从何入手时,可以通过这个集合来获取

例如 : 我在监听form表单中的所有select,当某个select发生变更时,读取这个select的一个属性来动态实现一个操作,比如下拉联动

如果你监听的是一个明确的select,是不需要绕这个弯路的,但是在一些情况下select是动态添加的,监听时也是不明确的,则需要用到attributes来获取发生变更的节点的相关信息

使用方法也很简单:

1
2
3
4
5
6
7
// elem 是一个dom对象
let attr = elem.attributes;
// 通过getNamedItem来获取一个属性
let info = attr.getNamedItem('name')
// info 是一个对象 通过value来访问这个对象的值
console.log(info.value)
//